<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

	<div class="cl-navblock">
		<ul class="cl-vnavigation">
			<li><h:outputLink id="outLinkInicio" value="index.xhtml">
					<i class="fa fa-home"></i>Inicio</h:outputLink></li>
			<li><a href="#"><i class="fa fa-smile-o"></i>Conta</a>
				<ul class="sub-menu">
					<li><h:outputLink id="outLinkNovaConta"
							value="editConta.xhtml">Nova Conta</h:outputLink></li>
					<li><h:outputLink id="outLinkListarContas"
							value="listConta.xhtml">Listar Contas</h:outputLink></li>
					<li><h:outputLink id="outLinkTransferencia"
							value="transferenciaConta.xhtml">Transferência</h:outputLink></li>
				</ul></li>
			<li><a href="#"><i class="fa fa-list-alt"></i>Receita</a>
				<ul class="sub-menu">
					<li><h:outputLink id="outLinkNovaReceita"
							value="editReceita.xhtml">Nova Receita</h:outputLink></li>
					<li><h:outputLink id="outLinkListarReceita"
							value="listReceita.xhtml">Listar Receitas</h:outputLink></li>
					<li><h:outputLink id="outLinkTipoReceita" value="#">Tipo Receita</h:outputLink></li>
				</ul></li>
			<li><a href="#"><i class="fa fa-table"></i>Despesa</a>
				<ul class="sub-menu">
					<li><h:outputLink id="outLinkNovaDespesa" value="editDespesa.xhtml">Nova Despesa</h:outputLink></li>
					<li><h:outputLink id="outLinkListarDespesa" value="listDespesa.xhtml">Listar Despesas</h:outputLink></li>
					<li><h:outputLink id="outLinkTipoDespesa" value="#">Tipo Despesa</h:outputLink></li>
				</ul></li>
			<li><h:outputLink id="outLinkExtrato" value="#">
					<i class="fa fa-map-marker nav-icon"></i>Extrato</h:outputLink></li>
		</ul>
	</div>
</ui:composition>